2.08 第一和最后子元素选择器
1、第一个元素定义:选择的是选择元素的父元素中,第一个元素,如下面代码,选择的是h5元素,父元素body的第1个元素是h5:我要好好学习1
如果body的第一个元素不是h5,则不会生效。
注意:很多人最后子元素选择器生效不了。有可能严格来说body不算是一个正规的父类, 如果在最后一行的div外层加一个父类即可
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css注释</title>
<style>
h5:first-child{
color:blue;
font-size:24px;
}
</style>
</head>
<body>
<h5>我要好好学习1</h5>
<h5>我要好好学习2</h5>
<h5>我要好好学习3</h5>
<div>我要好好学习4</div>
<p>我要好好学习5</p>
</body>
</html>
返回值:
Style改成如下则返回:
<style>
h5:last-child{
color:blue;
font-size:24px;
}
</style>
返回值: